<style type="text/css">
.clear {
	clear: both;
}

.gray-shadow-block {
	background: #f3f3f3;
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.33);
	border-radius: 10px;
}

.center-block {
	margin: auto auto;
	width: 840px;
}

.topblock {
	padding: 20px 0;
	width: 840px;
	margin: 0 auto 40px auto;
}

.product thead {
	background: #3ea73b;
	border-radius: 10px 10px 0 0;
}

.bottom-block {
	margin: 30px auto;
}

.product tbody tr:nth-child(2n-1) {
	background: #f3f3f3;
}

.product tbody tr:nth-child(2n) {
	background: white;
}




.create-table .th {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.create-table td {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.create-table .th:not(:first-child) {
	height: 100%;
	border-left: 1px solid black;
}

.create-table .head {
	font-weight: bold;
	background: #3ea73b;
    color: white;
}

.create-table .th {
	float: left;
}

.create-table .table {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.create-table .table td:not(:first-child) {
	border-left: 1px solid black;
}
</style>

<div class="topblock text-center gray-shadow-block">
	บริการลูกค้าที่ต้องการใช้เซิฟเวอร์แต่เพียงผู้เดียว หรือเซิฟเวอร์เสมือน<br />
	คือการนำเครื่องเซิฟเวอร์หลักมาจำลองประสิทธิภาพและนำทรัพยากรของเครื่องเซิฟเวอร์ มาแบ่งเป็นส่วนๆ<br />
	เพื่อดึงความสามารถออกมาใช้งานได้อย่างคุ้มค่าที่สุด โดยแต่ละในเซิฟเวอร์เสมือน จะแยกกันโดยเด็ดขาด<br />
	หาก VPS ตัวใดตัวหนึ่งเสียหาย จะไม่มีผลต่อการทำงานของ VPS ตัวอื่นๆในระบบ<br />
</div>

<div class="center-block gray-shadow-block product server create-table">
	<div class="head">
		<div class="th" style="width: 200px;">Package</div>
		<div class="th" style="width: 300px;">รายละเอียด</div>
		<div class="th" style="width: 200px; text-align: center;">ค่าบริการรายเดือน</div>
		<div class="th" style="width: 140px; border-left: none;"></div>
		<div class="clear"></div>
	</div>
	<table class="table" style="padding: 0;">
		<tbody>
			<?php foreach ($params['packages'] as $key => $value){ if($value['type'] == 'vps'){ ?>
			<tr>
				<td style="width: 200px; padding-left: 10px;"><?php echo $value['name'];?></td>
				<td style="width: 300px;"><?php echo nl2br($value['info']);?></td>
				<td style="width: 200px; text-align: center;"><?php echo $value['pricePerMonth'];?></td>
				<td style="width: 140px; border-left: none;"><a class="btn btn-warning " href="index.php?page=buyPackage&id=<?php echo $value['id'];?>">Buy Now</a></td>
			</tr>
			<?php }}?>
		</tbody>
	</table>
</div>

<div class="center-block gray-shadow-block bottom-block">
	<div style="padding: 20px 30px;">
		<h4>ข้อห้ามสำหรับบริการ VPS</h4>
		<ul class="unstyled">
			<li>- ห้ามนำไปใช้ในการส่งสแปมเมล์ (Spam) กล่าวคือเป็นอีเมล์หรือข้อความที่ผู้รับไม่ประสงค์จะรับ</li>
			<li>- เกมส์จากค่า Winner / เกมส์ RAN</li>
			<li>- วิทยุ / TV Online / Video On Demand</li>
			<li>- Bit Tracker, Camfrog Server, Web Proxy, Proxy Server</li>
			<li>- ห้ามนำไปให้บริการหรือเผยแพร่เว็บไซต์ผิดกฏหมายทุกประเภท เช่น หมิ่นสถาบันฯ ลามกอนาจาร ละเมิดลิขสิทธิ์ การพนัน เป็นต้น</li>
			<li>- ห้ามนำไปให้บริการ File Server หรือ VIP Downlad Server ทุกประเภท</li>
		</ul>
		
		ข้อตกลงและขอบเขตการให้บริการ<br />
		โปรดอ่าน <a target="_blank" href="index.php?page=tos">เงื่อนไขการให้บริการ</a>
	</div>
</div>